@charset "utf-8";
@import "compass/css3";
@import "compass/layout";
@import "compass/typography";
@import "compass/utilities";

$icon_1_path:"../images/slice";

/*icons*/
.m-icon-logo{
	background-image: url(#{$icon_1_path}/m-logo.png);
	width:150px;
	height:18px;
}

.m-icon-check{
	background-image: url(#{$icon_1_path}/m-checkbox-1.png);
	width:20px;
	height:20px;
}

.m-icon-type{
	input[type='radio'],input[type='checkbox']{
		&:checked + .m-icon-check{
			background-image: url(#{$icon_1_path}/m-checkbox-2.png);
		}
	}
}

.m-icon-wx{
	background-image: url(#{$icon_1_path}/weixin.png);
	width:44px;
	height:43px;
}

.m-icon-zfb{
	background-image: url(#{$icon_1_path}/zfb.png);
	width:44px;
	height:43px;
}

.m-icon-huabei{
	background-image: url(#{$icon_1_path}/huabei.png);
	width:44px;
	height:43px;
}

.m-icon-help{
	background-image:url(#{$icon_1_path}/help.png);
	width:15px;
	height:15px;
}

.m-icon-suc{
	background: url(#{$icon_1_path}/m-pay-suc.png) no-repeat;
	width:70px;
	height:70px;
}

.m-icon-fail{
	background: url(#{$icon_1_path}/m-pay-err.png) no-repeat;
	width:100px;
	height:100px;
}


.m-icon-success{
	background: url(#{$icon_1_path}/m-suc.png) no-repeat;
	width:28px;
	height:28px;
}

.m-icon-failure{
	background: url(#{$icon_1_path}/m-err.png) no-repeat;
	width:28px;
	height:28px;
}

.nav-list-down{
	&:after{
		content:"";
		background-image: url(#{$icon_1_path}/m-down.png);
		width: 16px;
		height:7px;
		display: block;
	}
	&.show{
		&:after{
			background-image: url(#{$icon_1_path}/m-up.png);
		}
	}
}
